@layer components {
  .ly-select {
    @apply inline-block box-border text-base leading-normal border border-gray-300 rounded outline-none;
  }

  .ly-select:hover {
    @apply border-teal-300 transition-colors duration-300
  }

  .ly-select:focus {
    @apply border-teal-300 shadow-outline-teal transition-colors duration-300
  }

  .ly-select-item {
    @apply py-2 px-3 text-gray-900 cursor-default
  }

  .ly-select-item:hover {
    @apply text-white bg-teal-300
  }
}